<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="generator" content=""/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link href="../css/htmlAll/haiersoft.css" rel="stylesheet" type="text/css" media="screen,print"/>
    <link href="../css/htmlAll/print.css" rel="stylesheet" type="text/css" media="print"/>
    <script src="../js/vendor/jquery-3.2.1.min.js"></script>
    <script src="../js/htmlAll/side.js" type="text/javascript"></script>
    <script src="../js/public/public.js" type="text/javascript"></script>
    <script src="../js/htmlAll/p1.js" type="text/javascript"></script>

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
</head>

<body>
<!-- Popup -->
<div id="Popup">

    <!-- SubPopup -->
    <div id="SubPopup">
        <script type="text/javascript">
            $(function () {
                $(".select").each(function () {
                    var s = $(this);
                    var z = parseInt(s.css("z-index"));
                    var dt = $(this).children("dt");
                    var dd = $(this).children("dd");
                    var _show = function () {
                        dd.slideDown(200);
                        dt.addClass("cur");
                        s.css("z-index", z + 1);
                    };
                    var _hide = function () {
                        dd.slideUp(200);
                        dt.removeClass("cur");
                        s.css("z-index", z);
                    };
                    dt.click(function () {
                        dd.is(":hidden") ? _show() : _hide();
                    });
                    dd.find("a").click(function () {
                        dt.html($(this).html());
                        _hide();
                    });
                    $("body").click(function (i) {
                        !$(i.target).parents(".select").first().is(s) ? _hide() : "";
                    });
                })
            })
        </script>
        <div class="form_boxC">
            <input type="hidden" id="id" value=""/>
            <input type="hidden" id="sex" value=""/>
            <input type="hidden" id="departmentId" value=""/>
            <input type="hidden" id="classTeacherId" value=""/>
            <table cellpadding="0" cellspacing="0" id="tableInfo">
                <tr>
                    <th width="100">姓名 <span class="f_cB">*</span></th>
                    <td>
                        <div class="txtbox floatL" style="width:100px;"><input id="name" name="" type="text" size="5" >
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>密码 <span class="f_cB">*</span></th>
                    <td>
                        <div class="txtbox floatL" style="width:100px;"><input id="password" name="" type="text" size="5">
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>电话 <span class="f_cB">*</span></th>
                    <td>
                        <div class="txtbox floatL" style="width:100px;"><input id="phone" name="" type="text" size="5">
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>学系 <span class="f_cB">*</span></th>
                    <td><!-- selectbox -->
                        <div class="selectbox" style="width:230px;">
                            <dl class="select">
                                <dt id="dt">请选择</dt>
                                <dd id="dd">
                                    <ul id="ul">
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <!-- /selectbox --></td>
                </tr>
                <!--<tr id="tr1" hidden>-->
                    <!--<th>任课教师 <span class="f_cB">*</span></th>-->
                    <!--<td>&lt;!&ndash; selectbox &ndash;&gt;-->
                        <!--<div class="selectbox" style="width:230px;">-->
                            <!--<dl class="select">-->
                                <!--<dt id="dt2">请选择</dt>-->
                                <!--<dd id="dd2">-->
                                    <!--<ul id="ul2">-->
                                    <!--</ul>-->
                                <!--</dd>-->
                            <!--</dl>-->
                        <!--</div>-->
                        <!--&lt;!&ndash; /selectbox &ndash;&gt;</td>-->
                <!--</tr>-->
                <tr id="tr1" hidden>
                    <th>任课教师 <span class="f_cB">*</span></th>
                    <td id="td1"><!-- selectbox -->
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- SubPopup -->

    <div id="BtmBtn">
        <div class="btn_boxB floatR mag_l20"><input id="cancel" name="" type="button" value="取消"
                                                    onmousemove="this.className='input_move'"
                                                    onmouseout="this.className='input_out'"></div>
        <div class="btn_box floatR"><input id="submit" name="" type="button" value="提交" onmousemove="this.className='input_move'"
                                           onmouseout="this.className='input_out'"></div>
    </div>
</div>
<!-- /Popup -->
</body>
</html>